<template>
  <div class>
    <p>{{count}}</p>
    <button @click="actionsA()">+</button>
    <button @click="actionB()">-</button>

    <p>-----------------</p>
    {{todos}}
    {{donetodobyid(1)}}

    <p>--------------</p>


  </div>
</template>

<script>
import { mapState, mapGetters, mapMutations, mapActions } from "vuex";
export default {
  data() {
    return {};
  },
  components: {},
  computed: {
    ...mapState(["count","todos"]),
    ...mapGetters(["donetodobyid"])
  },
  methods: {
    ...mapActions(["actionsA","actionB"]),
    ...mapMutations(["increment", "decrement"]) 
  }
};


</script>

<style>
</style>
